<%-- 
    Document   : index
    Created on : 19-feb-2015, 20:42:00
    Author     : Patricio Paulino
--%>

<!DOCTYPE html>
<html lang="en" class="no-js">
<head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
    <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
    
    <title>Reserva.com</title>    
    
    
    <!--Latest compiled and minified CSS--> 
    <link rel="stylesheet" href="css/bootstrap/bootstrap.min.css">

     <!--Optional theme--> 
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap-theme.min.css">
       
    <link rel="stylesheet" type="text/css" href="css/demo.css" />
    <link rel="stylesheet" type="text/css" href="css/component.css" />

    <script src="js/jquery-1.10.2.js"></script> <meta charset="UTF-8" />
    <script src="js/funcionesGenericas.js"></script>
    <script src="js/jquery.ba-throttle-debounce.min.js"></script>
    <script src="js/jquery.stickyheader.js"></script>
            
     <!--Latest compiled and minified JavaScript--> 
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>       
    
</head>
    <body>
            <div class="codrops-top clearfix">
                <div class="ContenedorHead" style="width: 100%" >                                                
                    <div style="float: right;margin-right: 50px;cursor: pointer;" id="Login"> Login </div>
                    <div style="float: right;margin-right: 50px;cursor: pointer;" id="Registro"> Registrarse </div>
                </div>                                         
            </div>
        <div class="container">                    
            <header>
                <h1>Reserva.com  <span>Lider en reservas de canchas de futbol</span></h1>  
                
                
<!--                    <div class="btnDias" id="Inicio">Inicio</div> 
                    <div class="btnDias" Id="Clubes">Clubes</div> 
                    <div class="btnDias" Id="Noticias">Noticias</div> 
                    <div class="btnDias" Id="Anotate">Anotate</div> -->
                                      
                    
                    <div class="bs-example">
                        <nav id="myNavbar" class="navbar navbar-default" role="navigation">
                            <!-- Brand and toggle get grouped for better mobile display -->
                            <div class="container">
                                <div class="navbar-header">
                                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                                        <!--<span class="sr-only">Toggle navigation</span>-->
                                        <span class="icon-bar"></span>
                                        <span class="icon-bar"></span>
                                        <span class="icon-bar"></span>
                                    </button>
                                    <!--<a class="navbar-brand" href="#">MENU</a>-->
                                </div>
                                <!-- Collect the nav links, forms, and other content for toggling -->
                                <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                                    <ul class="nav navbar-nav">
                                        <li><a href="#" id="Inicio">INICIO </a></li>
                                        <li><a href="#" Id="Clubes">CLUBES</a></li>
                                        <li><a href="#" Id="apoyan">APOYAN</a></li>
                                        <li><a href="#" Id="Noticias">NOTICIAS</a></li>
                                        <li><a href="#" Id="Anotate">REGISTRA TU CLUB</a></li>
                                    </ul>
                                </div><!-- /.navbar-collapse -->
                            </div>
                        </nav>
                    </div>                                        
                </header>            
            <div class="component" id="contenedor"></div>
        </div>
        <script>
            javascript: cargaAjax('inicio.jsp', 'contenedor', '');
            
            $('#Inicio').click(function()
            {
                javascript: cargaAjax('inicio.jsp', 'contenedor', '');                                
            });
            $('#Clubes').click(function()
            {
                javascript: cargaAjax('Clubes.jsp', 'contenedor', '');                                
            });
            $('#Noticias').click(function()
            {
                javascript: cargaAjax('Noticias.jsp', 'contenedor', '');                                
            });
            $('#Anotate').click(function()
            {
                javascript: cargaAjax('inicio.jsp', 'contenedor', '');                                
            });
            $('#Login').click(function()
            {
                javascript: cargaAjax('Login.jsp', 'contenedor', '');                                
            });
            $('#Registro').click(function()
            {
                javascript: cargaAjax('Registro.jsp', 'contenedor', '');                                
            });
            
            
        </script>
    </body>
</html>

